<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Tarek's PHD code</title>
     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=2.0,user-scalable=yes" />
	  <!-- Bootstrap -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
     <div id="topmenu" class="navbar navbar-default">
          <div class="container">
               <div class="navbar-header">
                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                         <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                    </button>
               </div>
               <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                         <li class="active"><a href="{% url 'index' %}">Home</a></li>
                         <li><a href="{% url 'streamStats' %}">Stream Stats</a></li>
                         <li><a href="{% url 'trainingDS' %}">Training Dataset</a></li>
                        <li><a href="{% url 'logout' %}">Logout</a></li>
                    </ul>
               </div>
          </div>
     </div>
    <div class="container">
        {% block content %}{% endblock %}
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/static/js/bootstrap.min.js"></script>
</body>
</html>